<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="css/zhuce.css"/>
    <script type="text/javascript" charset="utf-8">
      	mui.init();
      	
    </script>
    <!--=============-->
    
    <!--==================-->
</head>
<body>
<div id="" class="mui-content">
	<div class="beijing">
		<div id="" class="biaodan">
			<form class="mui-input-group">
				
				<div id="" class="dalao">	
				
    <div class="mui-input-row ">
        <label><img src="icon/rennumb.png" width="49" height="19"/></label>
    <input type="text" id="txtd" class="mui-input-clear" />
    <!--+86之后有四个空格-->
    <input type="button" class="mui-btn  getnumb" value="获取验证码" onclick="sendCode(this)"/>
    </div>
    
    </div>
    
    <div class="mui-input-row">
        <label class="mima"><img src="icon/mima.png" width="13" height="24" /></label>
        <input type="text" class="mui-input-password" value="000"/>
    </div>
    <div class="mui-button-row">
        <button id="btnVal" type="button" class="mui-btn mui-btn-primary" >登录极战</button>
        
    </div>
</form>
		</div>
	
    </div>

</div>	
   <script type="text/javascript">
 var clock = '';
 var nums = 60;
 var btn;
 function sendCode(thisBtn)
 { 
 btn = thisBtn;
 btn.disabled = true; //将按钮置为不可点击
 btn.value = '重新获取（'+nums+'）S';
 clock = setInterval(doLoop, 1000); //一秒执行一次
 }
 function doLoop()
 {
 nums--;
 if(nums > 0){
  btn.value = '重新获取（'+nums+'）S';
 }else{
  clearInterval(clock); //清除js定时器
  btn.disabled = false;
  btn.value = '重新获取';
  nums = 60; //重置时间
 }
 }
</script>
<!--====-->
<script>
    document.getElementById("btnVal").onclick = function () {
    	IsMobile(document.getElementById("txtd").value);
//      document.getElementById("spd").innerHTML = IsMobile(document.getElementById("txtd").value) ? "验证通过" : "验证不通过";
        if(IsMobile()==0 ){
        	mui.alert('手机号格式错误！','提示' );
        }
    }
    
</script>
<!--====-->
<script type="text/javascript">
    function IsMobile(){ 
    var phone = document.getElementById('txtd').value;
    if(!(/^1[34578]\d{9}$/.test(phone))){ 
        return 0;
    }
}
</script>
</body>
</html>